.pure-button {
    display: var(--pure-button-display, inline-flex);
    flex-direction: var(--pure-button-flex-direction, row);
    align-items: var(--pure-button-align-items, center);
    justify-content: var(--pure-button-justify-content, center);
    position: relative;
    height: var(--pure-button-height, 3em);
    border-radius: var(--pure-button-border-radius, 4px);
    padding: var(--pure-button-padding, 0 1em);
    box-sizing: border-box;
    cursor: pointer;
    line-height: var(--pure-button-line-height, 1);
    text-decoration: var(--pure-button-text-decoration, none);
    color: var(--pure-button-color);
    font-size: var(--pure-button-font-size);
    width: var(--pure-button-width, auto);
    margin: var(--pure-button-margin);
    background: var(--pure-button-background, var(--pure-button-theme, var(--pure-background-element)));
    box-shadow: var(--pure-button-box-shadow);
    border: var(--pure-button-border-width, 1px) var(--pure-button-border-style, solid) var(--pure-button-border-color, var(--pure-button-theme, var(--pure-border-color-default)));
}

.pure-button::before {
    display: none;
}

.pure-button::after {
    display: none;
}

.pure-button-content {
    display: var(--pure-button-content-display, flex);
    flex-direction: var(--pure-button-content-flex-direction, row);
    align-items: var(--pure-button-content-align-items, center);
    justify-content: var(--pure-button-content-justify-content, center);
    gap: var(--pure-button-content-gap, 4px);
    position: relative;
    z-index: 1;
}

.pure-button-icon {
    font-size: var(--pure-button-icon-font-size);
    color: var(--pure-button-icon-color);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pure-button-text {
    display: var(--pure-button-text-display, flex);
    flex-direction: var(--pure-button-text-flex-direction, column);
    align-items: var(--pure-button-text-align-items, center);
    justify-content: var(--pure-button-text-justify-content, center);
    gap: var(--pure-button-text-gap, 4px);
}

.pure-button-text-sub {
    font-size: var(--pure-button-subtext-font-size, var(--pure-font-size-smaller));
    color: var(--pure-button-subtext-color);
}

.pure-button-loading {
    display: var(--pure-button-loading-display, flex);
    flex-direction: var(--pure-button-loading-flex-direction, row);
    align-items: var(--pure-button-loading-align-items, center);
    justify-content: var(--pure-button-loading-justify-content, center);
    gap: var(--pure-button-loading-gap, 4px);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.pure-button-loading-icon {
    animation-name: pure-animate-spin;
    animation-duration: var(--pure-button-loading-animation-duration, 1.2s);
    animation-timing-function: var(--pure-button-loading-animation-timing-function, linear);
    animation-iteration-count: var(--pure-button-loading-animation-iteration-count, infinite);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pure-button-button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    opacity: 0;
}
